<!DOCTYPE html>
<!-- 
  关于我们页面
  包含团队介绍和联系方式
  最后更新: 2023-11-20
-->
<html lang="zh-cn">
<!-- 网站图标 -->
<link rel="shortcut icon" href="static/image/logo.png">

<head>
    <!-- 基础元数据 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 网页标题 -->
    <title>🌐 关于我们</title>

    <!-- 布局设计文件 -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/font-awesome.min.css" rel="stylesheet">
    <link href="static/css/themify-icons.css" rel="stylesheet">
    <link href="static/css/flaticon-set.css" rel="stylesheet">
    <link href="static/css/magnific-popup.css" rel="stylesheet">
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="static/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="static/css/animate.css" rel="stylesheet">
    <link href="static/css/bootsnav.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
    <link href="static/css/responsive.css" rel="stylesheet">
    <link href="static/css/css2.css" rel="stylesheet">
    <!-- 删除或注释掉以下样式 -->
    <!--
    <style>
        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }
        
        @media (max-width: 768px) {
            .tags-container {
                flex-direction: column;
                align-items: flex-start;
            }
        }
    </style>
    -->
</head>

<body>


    <!-- Preloader Start -->
    <div id="site-preloader" class="site-preloader">
        <div class="loader-wrap">
            <div class="ring">
                <span></span>
            </div>
            <h2>加载中</h2>
        </div>
    </div>


    <!-- 顶部栏 -->
    <header id="home">

        <!-- 顶部栏 -->
        <nav class="navbar navbar-default navbar-sticky dark attr-border bootsnav">

            <!-- 选择栏 -->
            <div class="container">
                <div class="row">
                    <div class="top-search">
                        <div class="input-group">
                            <form action="#">
                                <input type="text" name="text" class="form-control" placeholder="Search">
                                <button type="submit">
                                    <i class="ti-search"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 搜索框结束 -->

            <div class="container">

                <!-- Start Atribute Navigation -->
                <div class="attr-nav">
                    <ul>
                        <li class="search"><a href="#"><i class="fas fa-search"></i></a></li>
                    </ul>
                </div>
                <!-- End Atribute Navigation -->

                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <strong style="font-size: 20px;margin-left: 10px;">🌐 关于我们</strong>
                    </a>
                </div>
                <!-- End Header Navigation -->

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class="dropdown">
                            <a href="index.html">🏠 主页</a>
                        </li>

                        <li class="dropdown">
                            <a href="AI-Wonderlab/AI-Wonderlab.html">✨ AI奇妙馆</a>
                        </li>

                        <li class="dropdown">
                            <a href="AI-Playground/AI-Playground.html">🔬 智学实验室</a>
                        </li>
                        <li class="dropdown">
                            <a href="MakerVerse/MakerVerse.html">💡 创客星穹</a>
                        </li>
                        <li class="dropdown">
                            <a href="about-us.html">🌐 关于我们</a>
                        </li>

                    </ul>
                </div>
            </div>

        </nav>
        <!-- End Navigation -->

    </header>

    <div class="breadcrumb-area bg-gradient text-center">
        <!-- Fixed BG -->
        <div class="fixed-bg" style="background-image: url(static/image/background.png);"></div>
        <!-- Fixed BG -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1>🌐 关于我们</h1>
                    <ul class="breadcrumb">
                        <li><a href="index.html">🏠 主页</a></li>
                        <li><a href="about-us.html">🌐 关于我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="team-area default-padding bottom-less">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="site-heading text-center">
                        <h5>🌐开发人员</h5>
                        <h2>
                            💻 与键盘战士对话 🧑
                        </h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>
            </div>
            <!-- 在团队区域添加新成员模块 -->
            <div class="team-items text-center">
                <div class="row">
                    
                </div>
            </div>
        </div>
    </div>
    <div id="contact" class="contact-us-area default-padding">
        <div class="container">
            <div class="row">

                <div class="col-lg-8 wow fadeInLeft contact-form">
                    <h2>有好的建议？<strong>欢迎留言</strong></h2>
                    <form action="#" method="POST" class="contact-form">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <input class="form-control" id="name" name="name" placeholder="昵称" type="text">
                                    <span class="alert-error"></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" id="phone" name="phone" placeholder="电话" type="text">
                                    <span class="alert-error"></span>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group comments">
                                    <textarea class="form-control" id="comments" name="comments"
                                        placeholder="输入文本······"></textarea>
                                </div>
                            </div>
                            <a href="thanks.html">
                                <div class="col-lg-12">
                                    <button type="submit" name="submit" id="submit">
                                        提交 <i class="fa fa-paper-plane"></i>
                                    </button>

                                </div>
                                <!-- Alert Message -->
                            </a>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <footer class="bg-dark text-light">
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>本站基于bookstrap开发 图片由豆包AI生成</p>
                    </div>

                </div>
            </div>
        </div>
        <!-- End Footer Bottom -->
    </footer>
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/equal-height.min.js"></script>
    <script src="static/js/jquery.appear.js"></script>
    <script src="static/js/jquery.easing.min.js"></script>
    <script src="static/js/jquery.magnific-popup.min.js"></script>
    <script src="static/js/modernizr.custom.13711.js"></script>
    <script src="static/js/owl.carousel.min.js"></script>
    <script src="static/js/wow.min.js"></script>
    <script src="static/js/progress-bar.min.js"></script>
    <script src="static/js/isotope.pkgd.min.js"></script>
    <script src="static/js/imagesloaded.pkgd.min.js"></script>
    <script src="static/js/count-to.js"></script>
    <script src="static/js/YTPlayer.min.js"></script>
    <script src="static/js/progresscircle.js"></script>
    <script src="static/js/bootsnav.js"></script>
    <script src="static/js/main.js"></script>

</body>

</html>